
<template>
  <footer>
    <div class="wrap">
      <div class="mba">
      <img src="../../public/img/homePage/header-T@2x.png" alt="" >
      </div>
      <div class="us">
        <p>
          <span v-for="(item,index) in us" :key="index">{{ item.contain }}</span>
        </p>
        <p>{{ compain }}</p>
        <p>{{ certificate }}</p>
      </div>
    </div>

  </footer>
</template>

<script>
export default {
  name: 'newFooter',
  data () {
    return {
      us: [
      //    {
      //      contain:'关于我们 | '
      //    },{
      //      contain:'法律声明 | '
      //    },{
      //      contain:'尚德官网 | '
      //    },{
      //      contain:'加入我们 '
      //    }
      ],
      compain: 'Copyright ©2003—2019 北京尚德在线教育科技有限公司,All Rights Reserved',
      certificate: '经营许可证编号：京ICP证140312号   |  京ICP备14002947号~  3  |  京公网安备11010502027412  |  京网文 【2015】  0675-305号'
    }
  }
}
</script>

<style lang="less" scoped>
footer {
  background: url(../../public/img/homePage/bg-05.png);
  background-color:rgba(48, 57, 58, 1);
  background-repeat: no-repeat;
  height: 380px;
  background-size:40%;
  background-position: 10% 20%;
  display: flex;
  flex-grow: row wrap;
  justify-content: space-between;
  .wrap {
    width:1200px;
    margin: 0 auto;
    display: flex;
    height:380px;
    flex-grow: row wrap;
    align-items: center;
    justify-content: space-between;
    .mba{
      height: 50px;
      margin-top: -100px;
      img{
        width: 100px;
        height: 50px;
      }
    }
    .us{
      height:110px;
      margin-top: -120px;
      align-self: flex-end;
      color: white;
      text-align: right;
      p{
        margin-bottom: 10px;
      }
    }
  }

}
</style>
